Tablet menu / header issue

edited April 2022 in Menu / Mega menu

Hi,

On our website imnera. com (I wrote it like that to prevent backlinking) , we use a side menu for the desktop. I would like to ask a few questions about header types of desktop, tablet, and mobile.

1- I want to show the menu in the middle of each screen size, I mean 14-21 inches doesn't matter, I want to set it to the middle. For example, in screenshot below it is in the topside, not the middle but it's ok in 14 inches but the screenshot is from 21 inches. Please see the screenshot below:


2- In tablet view, I couldn't manage to take the hamburger menu icon to the right side, it overlaps the logo. Please see the screenshot below:

3- Mobile has the same overlapping issue with the tablet hamburger menu but I manage to solve it via custom CSS but it's not stable, maybe you can check both mobile and tablet to see what I did for mobile.

4- Is it possible to make clients square not 150x75 ? Please check Referanslarımız page to see clients.

Thanks in advance

Comments

  • Hi,

    1) There is no setting to put it in the middle.

    2, 3) You have some custom CSS that moves the hamburger menu where the logo is. Without your custom CSS, it looks like this:

    Please, go to Betheme -> Theme options -> Custom CSS & JS -> CSS, and there you should find code responsible for that.

    4) The client's image size is hardcoded in the theme, and they cannot be larger than 150x75px. As a workaround, you can use the image element instead.


    Best regards

  • Hi thanks for your answer, so I deleted all custom css codes for header widths. and they seem ok now as you suggested. But I would like to make submenu wider, how I can achieve that without effecting header? In submenu titles seem very narrow:

    Thanks in advance

  • edited April 2022

    One mor question, is it possible to make the creative open menu narrower in desktop? I mean I want the main menu narrow and submenu wider.. Thanks

  • Please, try the following code:

    @media only screen and (min-width: 1240px){
       #Header_creative{
          width: 200px!important;
       }
       body{
          padding-left: 200px!important;
       }
       #Top_bar .menu li ul.sub-menu li.menu-item{
          width: 250px!important;
       }
    }
    

    Thanks

  • Thanks the custom css code worked like a charm :) Have a nice day

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.