Responsive Mobile – Inline Header

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart ThemeResponsive Mobile – Inline Header

This topic has been marked as not resolved.


Is it possible to configure so that the Logo, menu icon, and cart icon in the header to display as inline when in mobile view? (current default is logo on top line and both Menu and Cart icon is inline below the logo)


August 23, 2017 at 12:25 pm #61145


Generally, logo position is automatically set based on logo and screen size. Can we check your live website and admin settings to see if there is something wrong?

You can use hidepost to share private information with the support staff.

ThemeBurn team

August 29, 2017 at 1:09 pm #61255

The image (1) is taken from iphone 6 view. Is it possible to make it like image (2) on iphone 6?
Is there setting or code to make the changes?

September 5, 2017 at 3:16 am #61396

I found that adding this javascript to the custom section help to get what I need.

$(‘.tb_wt_header_logo_system’).parent().css({“-ms-flex-direction”:”row”, “-webkit-flex-direction”:”row”, “flex-direction”:”row”});

October 4, 2017 at 9:36 am #61919


You can force the row layout with this extra CSS and remove the JS:

.tbLogoCol {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

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

ThemeBurn team

October 8, 2017 at 12:07 pm #61952
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.