Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 17, 2015 at 9:42 pm #489152
    endoradigital

    I’ve tried several methods and I can’t see to get the bar to disappear on hover for the main nav.

    Also when the screen width changes the header background image does not scale down. Is there a way we can do this or is there something you can suggest? Yes, I realize I still need to update the logo and remove the Enfold logo.

    August 18, 2015 at 12:45 pm #489463
    Andy

    Hi endoradigital!

    about which bar and which background image are you talking about? can you be a little bit more specific please? maybe screenshots (imgur.com, dropbox) could help to make things clear.

    Regards,
    Andy

    August 18, 2015 at 4:48 pm #489598
    endoradigital

    I understand.

    I am trying to recreate a currently live site using the Enfold template.

    My dilemma is adding a photo in the content area that spans the full width. On the “With Sidebar” layout I used css to remove the padding/margin, but then I have to add it back in to allow for room to air the text in the content area.

    In side sidebar I’ve added a green background however it doesn’t fill the full height of the menu. How can I do this?

    Also the site has a secondary menu at the bottom above the socket or could be part of the socket. I need to figure out how to add that in the correct area.

    Sorry one more issue is getting the spacing even around the border dividing up the nav items in the main nav.

    On the main menu subnav the on state css I’ve defined seems to also make the children that same color. Is there a way to avoid that?

    Thank you for your help.

    • This reply was modified 9 years, 3 months ago by endoradigital.
    August 18, 2015 at 9:07 pm #489718
    Dake

    Hi!

    1. Please insert the below css into your quick css section in general styling:

    .avia-image-container .avia-align-left {
    margin-right: 0px !important;
}

    2. Please insert the below css:

    .main_color .sidebar {
    background-color: #c5cbb3 !important;
}

.inner_sidebar section {
    background-color: #ffffff !important;
}

    3. It seems like you got this sorted on your end.

    4. It seems like you got this sorted on your end as well.

    5. You can edit the styling for dropdown menus via the advanced styling section: http://i.imgur.com/vTh3eY9.png

    Best regards,
    Dake

    August 18, 2015 at 9:52 pm #489729
    endoradigital

    Thank you for your help. Yes, I’m devoted to working on this and continue to move forward as much as possible.

    SIDEBAR-REQUEST YOUR VISIT
    I have added the css you suggested; however, now the top dark green area has a white background. It needs to be 404616 and go from photo to eds of the navigation

    SIDEBAR-SUBNAV
    I have added the css you suggested; however, I no longer see the small sliver of green that was there as it has all changed to white. The background should be c5cbb3 and be the same width as the green above and encompass the whole height of the subnav.

    SIDEBAR-ACTIVITY CALENDAR AND UPCOMING EVENTS
    These are white and should be white.

    I’m having the same problem targeting sections with background colors. The home page uses Avia Layout Builder sections rather than the sidebar widget. I’d appreciate some insight as to how to target theses.

    5. NAVIGATION
    I removed all my quick css that was applied to the main nav and tried using the advanced styling and it was not pulling what I had set. I have added my css back in and am using the following to set an on state; however it also sets the subitems to white as well
    .current-menu-item a span {
    color: #ffffff !important;
    }

    The second navigation issue has to do with the subnav rollover background color…it’s changing to a white background with white text. It would be find to change to white if the text stayed black or we could change the text to white and have the background remain the same. Again the changes under advanced styling could not control this as well.

    The third navigation issue is that when you resize your window to 990 the navigation starts to wrap…I am not sure what item is going wider since the main area is 980 wide.

    HEADER
    The header background image does not resize. I have added a link below so you know what image I am talking about.

    August 18, 2015 at 9:57 pm #489734
    Dake

    Hi!

    Is there a chance that we can get temporary access to your website so we can better see if there are any settings or css conflicts before we suggest any further fixes?

    Regards,
    Dake

    August 18, 2015 at 10:54 pm #489749
    endoradigital

    ABSOLUTELY

    SIDEBAR-Sub Menu: I was able to add a min-height and get that to work; however I’m not sure it’s the best way and I’ll have to tweak for responsive.

    HOME PAGE SIDEBAR ITEMS I did just get the color added by adding divs to the text area…would be great if we could define classes to the containers and the container items.

    The real issues are the header and the navigation. What the dropdown nav when you are on the about page…that’s the only drop down I have and I think it has to do with the on state.

    Thank you!

    August 19, 2015 at 12:33 am #489775
    endoradigital

    I did add a widget to the header area to try to make the text on the right text rather than a graphic. I’m having a hard time pushing it over to the right further as that seems to make the content area narrower and then when it goes responsive I’m going to have to remove the top padding from the H1. We’re going to try to add the header background to the background image to see if we can get that to work as well.

    August 20, 2015 at 1:40 pm #490756
    Andy

    Hi!

    please separate each question/issue into different tickets.

    To push your header widget to the right use this code:

    div#black-studio-tinymce-9 {
right: 17px;
}

    Cheers!
    Andy

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