Change header mobile menu

ThemeBurn SupportForumsOpenCart ThemesBurnEngineChange header mobile menu

This topic has been marked as not resolved.


I use latest version of Trendo

I can’t figure out how to change the positions of the header in mobile small screens.

I want the logo and the buttons of the shopping cart and menu bars all the time on one row.

Now these are centered in two rows when opening the page in a phonescreen. But when I turn the phone horizontally, logo, cart button and menu bars are on the same row.

Also I want to change the button size of the cart and menu bars from 60px to 45px.

best from Bob

August 7, 2017 at 6:51 pm #60875

Hi Bob,

1) Here is some custom CSS to reduce the size of your mobile header buttons:

#header .tbToggleButtons > * {
  width: 45px;
  height: 45px;
  line-height: 45px;

Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

2) About the position of the logo and buttons – generally this is calculated automatically. Once there is space for the logo it goes on one line with the buttons. However it seem there is a problem in the calculation and we are revising this feature at the moment. We will provide a solution with the next update.

ThemeBurn team

August 18, 2017 at 6:02 pm #61059
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.