This topic has 3 voices, contains 6 replies, and was last updated by  TB Support 2275 days ago.

Responsive Mobile – Inline Header

ThemeBurn Support › Forums › OpenCart Themes › Pavilion OpenCart Theme › Responsive Mobile – Inline Header

This topic has been marked as not resolved.

Hi,

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)

Thanks.
 eddielai
August 23, 2017 at 12:25 pm #61145

Hi,

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.

BR,
ThemeBurn team
 TB Support
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?
Thanks.
 eddielai
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”});
 eddielai
October 4, 2017 at 9:36 am #61919

Hi,

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.

BR,
ThemeBurn team
 TB Support
October 8, 2017 at 12:07 pm #61952

hi
with this code :
.tbLogoCol {
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
dont working like image 2
how work like image 2? in version 1.2.7 burnengin pavilion ?
 rezait
January 23, 2018 at 11:20 pm #63270

@rezait

Can we take a look at your live website?

BR,
ThemeBurn team
 TB Support
January 30, 2018 at 4:44 pm #63341
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.