Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 9, 2017 at 3:57 pm #744850
    td8000

    Hi Enfold Team,

    On my shop site (link below), i can not see my breadcrumbs bar in the range between 768px and 1550px.
    Could solve this with your help on slideshow and avia element. but for the breadcrumbs bar i cannot define a css class.

    Furthermore i’d like to add some padding in mobile view below 768px, so the text in the bar (title and breadcrumbs) do not start directly on the left edge of the device.

    Thanks a lot,

    Tobi

    February 13, 2017 at 12:30 pm #746344
    Vinay

    Hey td8000,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding: 50px 0 0 0px !important;
}

    Best regards,
    Vinay

    February 15, 2017 at 4:47 pm #747524
    td8000

    Hi Vinay, thanks a lot.

    I just habe the problem, that this changes

    – all pages of the site (and i use breadcrumbs only in shop)
    – changes the view in an unwanted way as well in resoltutions below 768ox and above 1550px.

    I tried this:

    @media only screen and (max-width:1549px) and (min-width:768px) {
    .page-id-742 .html_header_top.html_header_sticky #top #wrap_all #main {
    padding: 50px 0 0 0px !important;
    }
    }

    Hoped, this would do the trick, as page 742 is my shop page.
    Unfortunately this did not work…

    Any idea?

    February 21, 2017 at 8:27 am #749803
    Ismael

    Hey!

    I would like check this but the shop page does not exist anymore. Did you remove it?

    Cheers!
    Ismael

    February 27, 2017 at 4:31 pm #752341
    td8000

    Hi Ismael,

    yes sorry, i did change the url. Habe a look below.

    Regards, Tobi

    February 28, 2017 at 7:31 am #752749
    Ismael

    Hey!

    Did you remove the logo? Please add this in the Quick CSS field:

    @media only screen and (max-width: 1550px) {
.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
    margin-top: 50px;
}
}

    so the text in the bar (title and breadcrumbs) do not start directly on the left edge of the device.

    It looks like that because of the following css modification. 

    @media only screen and (max-width: 1550px) {
.responsive #top #wrap_all .container {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}
}

    Regards,
    Ismael

    February 28, 2017 at 5:48 pm #753087
    td8000

    Hi Ismael,

    great. That’s it.

    I changed that max-width to 98%, also for my grid rows. Gives me a white space left and right of colored clomuns on other pages (in smartphone view), but i am fine with that.

    You can close this thread.

    Thanks a lot, Tobi

    March 1, 2017 at 7:13 am #753458
    Ismael

    Hi!

    Glad it’s finally fixed. Please let us know if you need anything else. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Breadcrumbs not visible’ is closed to new replies.