Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 25, 2023 at 2:55 am #1395019
    bemodesign

    I have a Quick CSS code that I need someone to take a look at. When I remove this code below, it looks great on my Mobile view, but messes up on the Desktop view. Can you help with this and any other help with my current codes? Thanks!

    .responsive #top .slideshow_caption {
    padding: 25px;
    }
    }

    January 25, 2023 at 3:20 am #1395020
    Nikko

    Hi bemodesign,

    I think the desktop is messed up when you remove it because you are removing an extra }, just remove this code and that should only affect the mobile version.

    .responsive #top .slideshow_caption {
padding: 25px;
}

    Best regards,
    Nikko

    January 25, 2023 at 4:12 am #1395033
    bemodesign

    your awesome! thanks

    January 25, 2023 at 4:28 am #1395039
    bemodesign

    Last issue if you could please help. On desktop, I have the Secondary menu on the top right and the Phone number on the top left. But on mobile view, the Phone number is below the menu still. How can I switch these?

    January 25, 2023 at 7:18 am #1395060
    Nikko

    Hi bemodesign,

    Please try to add this CSS code:

    @media only screen and (max-width:767px) {
  .responsive #header_meta .container {
    display: flex;
    flex-direction: column-reverse;
    padding: 12px 0 8px;
  }
}

    Hope it helps :)

    Best regards,
    Nikko

    January 25, 2023 at 4:21 pm #1395194
    bemodesign

    That worked! And do you know how to remove that “|” after the top menu item?

    January 25, 2023 at 6:49 pm #1395228
    Rikard

    Hi,

    Please try this CSS as well:

    #header_meta .sub_menu li {
    border-right-style: none;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.