Home Forums Basel support forum Header Navigation displays weird on page resize

Header Navigation displays weird on page resize

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #55356

    stoyan
    Participant

    Hi Team,

    I’m just launching a site with Basel theme – https://bestimpressionsgolf.co.uk

    I’m having 2 issues with the top navigation inside the Header. The chosen layout is the one with Logo in the middle.

    Problem 1 (the bigger one): When the page is resized, the menu items start to overlap with the Logo. What could be done about it? Also, on some occasions the menu items will go inside the Revolution Slider (screenshot wrong-1-3.png)

    Problem 2 (the lesser one): When the page is resized, below ~991px width the logo becomes too small and/or there is too much white space around. I am guessing this has to do with the chosen settings: Header height: 180px and Mobile header height: 60px. It looks to me as if the big white space is really the difference between 180px and 60px, in other words, the Mobile Height does not overwrite the Header Hight.

    Would you please assist?

    Attachments:
    You must be logged in to view attached files.
    #55393

    Hello,

    The main reason of problem you have chosen header template which cannot contain such a big logo and quantity of menu items and its length.

    1/ Try to set full width header: Theme Settings > Header > Layout

    3/ Try to change logo width and logo container width and logo image height will be resized automatically. Theme Settings > Header > Logo

    If the changes not enough or satisfactory, please provide your site admin access we shall try to correct with custom CSS.

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)