Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1156826

    Hi,
    I have two points to solve. Please visit with your smartphone the link provided in the private content.

    1. There is not enough space for the breadcrumb area. Can you provide a css-code to change the height of this?
    2. Underneath the product image there is a dotted line. How can this be removed? (its only on mobile)

    I have provided two screenshots of the code (see private content). Maybe this helps.

    Thanks for your help!

    #1156975

    Hey Matthias,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
        .responsive #top #main .sidebar.smartphones_sidebar_active {
            border: none;
        }
    }
    

    What about the title container, do you mean more height on mobile?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1157015

    Thanks, I will check.
    Yes, I mean more height on mobile for the breadcrumbs area. The current height is not enough for the breadcrumbs.

    #1157168

    Hi,

    Thanks for the clarification. Pleas try this CSS as well:

    @media only screen and (max-width: 767px) {
    .title_container .breadcrumb {
        top: 12px !important;
    }
    }

    Best regards,
    Rikard

    #1157794

    Thank you, its both working great.

    #1158024

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1158272

    Ok, it can be closed. Thanks!

    #1158393

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile design aspects’ is closed to new replies.