Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 12, 2018 at 6:07 pm #911240
    webdesignphx

    Hi Ismael,
    I am working on a site that requires me to use both widget menu and sidebar menu.
    The sidebar menu has one problem it moves to the bottom of the page when I have a full width item on the page.
    So on pages that I need to use that I have to use a widget menu.
    My problem is I can’t figure out how to get both menus looking the same.
    One is aligned left and one right. One has lines in-between the other none. One has a line going down the page from top to bottom the other doesn’t. One has blue font the other gray. One as a darker overlay than the other.
    Both look good to me. I like the left aligned a touch better than aligned right. So if I had to chose I’d pick the widget menu.
    Thanks so much for your help as always you and enfold are amazing :)

    The page I am working on is in a staging environment.. the credentials are below

    February 13, 2018 at 10:46 am #911599
    Victoria

    Hey webdesignphx,

    Could you please attach a mockup of what you’re trying to achieve?

    Well, the full-width element will always do that to a sidebar. So you either do not make pages like that or agree that on some pages you will not have the sidebar.

    Best regards,
    Victoria

    February 13, 2018 at 6:33 pm #911837
    webdesignphx

    Hi Victoria
    This is the screenshot of the widget menu how we would like the left menu to look like.
    https://www.webdesign-phoenix.com/wp-content/uploads/2018/02/Screen-Shot-2018-02-12-at-11.03.06.png
    Here is a shot of the left menu.
    https://www.webdesign-phoenix.com/wp-content/uploads/2018/02/Screen-Shot-2018-02-12-at-11.03.20.png
    Thanks so much for your help.
    Tina

    February 14, 2018 at 12:55 pm #912239
    Ismael

    Hi,

    Thank you for the info. Please use the following css codes. :)

    #top .sidebar_left.sidebar {
    text-align: left;
}

#top .main_color .sidebar a {
    color: #28497a;
}

#top .widget_nav_menu li {
    font-size: 13px;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

    Best regards,
    Ismael

    February 14, 2018 at 6:22 pm #912409
    webdesignphx

    Hi Ismael,
    thanks so much! I added a couple more little things to it like the hover effect and it looks amazing. You guys are awesome!
    Tina

    February 15, 2018 at 6:11 am #912632
    Rikard

    Hi Tina,

    Great, glad you got it working and thanks for the kind words :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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