Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 28, 2017 at 11:00 am #768030
    ichmusshierweg

    Hi,
    please have a look at: http://neu.dr-kueblbeck.de/leistungsspektrum/implantologie/ for example.

    I have several problems.
    1st: The main menu covers the logo if the width is smaller 1120px
    2nd: Starting by 1054px I’ve problems with word-wrapping in the “Kontakt”-table in the sidebar.

    My idea was to change the breadpoint starting from 1120px: Show mobile menu; set sidebar to display none, make main content 100% without right border.

    Do you have a suggestion for a better solution or could you give some good advice how to do this?

    Thanks a lot
    Karsten

    PS: You can even reply in german if you want to.

    March 28, 2017 at 5:22 pm #768317
    Victoria

    Hey ichmusshierweg,

    You could start reducing margins on the sides of the header and reduce menu items margins. And better use divs or list, not table for that. It’s not easy to make tables responsive.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 28, 2017 at 5:32 pm #768327
    ichmusshierweg

    Hi Victoria,

    thanks for the advice to reduce margins. I will do that, but – even if I know it’s not the best idea – I will keep the tables.
    So I now need some advice to change the breakpoints (for example at 1120px) as mentioned above.

    Thanks
    Karsten

    March 29, 2017 at 2:39 pm #768835
    ichmusshierweg

    Could you please reply. This becomes more and more urgend. I have to launche this page on friday.

    Thanks

    March 29, 2017 at 3:57 pm #768876
    ichmusshierweg

    I try to explain it in other words:

    I want the sidebar to disappear at the same time as the main-menu in the header disappears and the mobile-menu-button appears.
    At the same time the main content should become 100% width.

    How can I do this?

    March 29, 2017 at 9:26 pm #769095
    Victoria

    Hi,

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

    
@media only screen and (max-width: 990px) {
.sidebar.sidebar_right.alpha.units {
	display: none;
	width: 0px;
}
.template-page.content.av-content-small.alpha.units {
	width:100%;
	border-right-width: 0px;
	border: none;
}
#top #main .sidebar{
	border-left-width: 0px;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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