Return to previous page

Breadcrumb and Header Size Issue - by Bigspecialk

This topic has 7 replies, 3 voices, and was last updated 6 years ago ago by Rose Tyler

Bigspecialk

Participant

November 15, 2018 at 16:25

Hello,

I have a few questions:

1. In the breadcrumbs sections on some of the pages I see both the page title and the word “Home”. How do I remove the “home” from the Header breadcrumb section? I have attached a link to an image in the private content section, so you can see the issue.

2. On some pages the Header is larger than on other pages. An example the header in the About Us page is much shorter than on the Shop page. How can I standardize the header menu size on all of the pages? Also I notice the Mobile Header size is larger than on the desktop version. Can I control the mobile version of the Header separate from the Desktop version? I have attached a link to an image in the private content section, so you can see the issue.

3. How do I control the Breadcrumb font size?

Please, contact administrator
for this information.

#203992 Copied

6 Answers

Rose Tyler

Support staff

November 15, 2018 at 16:54

Hello,

1, 3. Theme Options > Breadcrumbs > Breadcrumbs font > set 0px and “Breadcrumbs title font” set appropriate to your needs.
I would recommend you to disable Header overlap in Theme options and enable it only on pages where it is required (via [8theme] Layout options), like your home page.
Also, disable “Smart menu” in Theme Options > Menu.
2. Please create Wishlist page and set it here – https://prnt.sc/lirwee

Regards

#203995 Copied

Bigspecialk

Participant

November 16, 2018 at 17:23

Hello,

I have figured everything out except the Header Overlap, I can’t seem to find that option.

Where is it located and how do I control the Header size on each page?

#204069 Copied

Bigspecialk

Participant

November 17, 2018 at 02:55

I think I have the headers globally set now.

One other question; On the desktop version of the website the header doesn’t display as much of the Header photo as the mobile version. How do i get the desktop and mobile version of the header to match?

#204074 Copied

Olga Barlow

Support staff

November 18, 2018 at 20:44

Hello,

You set cover size for the breadcrumbs image and chose the almost square image. Cover means that image will cover the visible area, the width of the breadcrumbs on the desktop is much bigger than on the mobile that why you don’t see the whole image. Choose “contain” in the breadcrumbs background size to see the whole image but then you’ll get the empty space on the desktop. Unfortunately, there is no option to choose the different breadcrumbs images for the different devices.

Regards

#204096 Copied

Bigspecialk

Participant

November 21, 2018 at 14:44

Hello,

You might want to consider adding this function as my pages look great on a mobile device but on the desktop the Header image is cut off. It would keep the user experience consistent across all devices.

#204312 Copied

Rose Tyler

Support staff

November 21, 2018 at 16:54

Hello,

Thanks for the notice. You can submit suggestions in this thread https://www.8theme.com/topic/suggestions-and-proposals-2/page/7/#post-204316
Feel free to ask if you have any other questions.

Regards

#204327 Copied
Viewing 7 results - 1 through 7 (of 7 total)