Breadcrumb and Header Size Issue - by Bigspecialk

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

  • Avatar: Bigspecialk
    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.
    6 Answers
    Avatar: Rose Tyler
    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

    Avatar: Bigspecialk
    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?

    Avatar: Bigspecialk
    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?

    Avatar: Olga Barlow
    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

    Avatar: Bigspecialk
    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.

    Avatar: Rose Tyler
    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

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.