Okay
  Public Ticket #1570510
Hero Image CHAOS
Closed

Comments

  • GoldAndGrey started the conversation

    Whenever I add a hero image to my site it disappears under the main menu and cannot be seen properly. 

    I am trying to add a hero to my site with animate overlay. But the theme breaks!

    Please help

  •  2,005
    Ocean replied

    Hi,

    Sorry for late reply.

    Please send us admin account to check (set private reply).

    Thanks.

  •   GoldAndGrey replied privately
  •  2,005
    Ocean replied

    Custom your header, please read more: https://oceanthemes.ticksy.com/article/12619/


  • GoldAndGrey replied

    Thank you but when I add this code the logo is across the header and the hero image.

    Also my mobile menu does not work. When I expand it the menu disappears under the hero image and the additional menu items are not visible...

    But on my mobile phone when I go to a different page the mobile menu works right (but the logo is too small)...

    I have set the coming soon page to stop visitors seeing the problem but please change this if you need to, thanks.

    Can you see what I must do?

    Thanks

    Simon

  • GoldAndGrey replied

    The first screenshot shows the main menu on desktop with the bigger logo spanning across the header and the hero image

    The second screenshot shows the mobile menu not working, the menu items are not clickable and the logo overwritten.

    The third screenshot shows a page which is not the home page. The logo is small but the mobile menu expands correctly.


  •  2,005
    Ocean replied

    I have fixed issues and your header is work fine: https://www.goldandgrey.uk/home-2/ , other issues, please let me know, Thanks

  • GoldAndGrey replied

    Thank you for your help, what did you do? 

    Also I need my mobile logo a little bigger too, and mobile menu text a little smaller (just a little smaller).

    Finally if you see the blog entry. On the home page blog carousel I need to change the colour of the button.

    When you click on the blog, it has a date as a border around the blog page. I need to remove this date from screen - how might I do this?

    Many thanks,

    Simon

  •  2,005
    Ocean replied

    Hello,

    1, Please add this code to improving the logo and menu item on mobile.

    You can easy add custom css code here: http://prntscr.com/gbgjxt

    @media only screen and (max-width: 992px){
        header div#logo {
            height: 70px;
            line-height: 70px;
        }
        header div#logo a img {max-height: 70px;}
        #mainmenu > li > a, .mainmenu > li > a {
          font-family: "Playfair Display";
          line-height: 35px;
          letter-spacing: 1px;
          font-weight: normal;
          font-style: normal;
          font-size: 13px;
        }
        #mainmenu li li a, .mainmenu li li a {
          font-family: "Playfair Display";
          line-height: 25px;
          font-weight: normal;
          font-style: normal;
          font-size: 13px;
        }
    }
    

    2, On the home page blog carousel I need to change the colour of the button?

    => I not see blog carousel on home page?

    3, You want remove date on blog page? http://prntscr.com/jnyz1c

    You can easy add custom css code here: http://prntscr.com/gbgjxt

    .blog-list .date-box{display: none;}
    .blog-list .post-text {padding-left: 0px;}

    Thank you