Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #924759

    Hi all!

    So I’m working on this site where after a while, I’ve had to add quite a few menu items, which results in menu overlapping the logo on smaller screens(not sure of the exact resolution, but my laptop with its 1280×800 resolution has this problem. I know I have extended the max width of the theme to 1400 but should that affect when mobile menu kicks in?
    I’m not sure how to make it so that it folds to a hamburgermenu/mobileview in case the the logo element overlaps the menu elements. I know I have to set some @media screen options for the correct width but really unsure on how to do this without breaking responsive design elsewhere:)
    Or some other solution that might get me a non-overlapping logo/menu on computer screens and mobile menu on actual mobile devices would also be cool :)

    Another thing I’m having issues with is how to get the breadcrumbs to stick together with the “sticky header” so it does not scroll up with the rest of the page. Also, When on top, right now, the breadcrumbs overlap the next element a little(lik 20px or so) – how to fix add? I tried the following but that did nothing:

    /** Sticky breadscrumbs on sticky header **/
    .title_container {
    position: fixed;
    top: 148px;
    z-index: 1000;
    width: 100%;
    }

    When it comes to the header – I have header transparency turned on, but had to do some modifications to get all social icons to display correctly. Which broke the transparency so I had to add the following to keep the menu elements transparent:

    /** Transparent menu items when header is transparent **/
    #top #header_main_alternate, #top #header .av-main-nav > li > a {
        background-color: transparent!important;

    But now I have a gap above the menu that does not disappear when scrolled, which doesn’t really look to nice… I want the line to be there at the start, but once you start scrolling i want the menu to move all the way to the top of the viewport and stay there.

    So how to fix these issues :) ?

    Thanks in advance!

    BR
    jadesoturi

    #924797

    Small update:

    If i make the breadcrumbs sticky, then dropdown menus are “below” the breadcrumbs. making them useless.

    Please advise :)

    BR
    jadesoturi

    #924993

    Anyone ? I’ve managed to put the breadcrumbs into the footer for now, but its not optimal.

    Please advise!

    :)

    #925083

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    #926641

    Ohh come on. Not THAT much modification needed. I just need to know what elements to modify, and since there are tons of unneeded CSS in your theme, its extremely hard to find the one i need.

    If you at least could help me solve the width/menu-logo overlap problem, the rest i can handle my self.

    The support here is very varied – sometimes you fix a lot more complicated setups with no problem, while other you just send directly to “freelancers”. This is not the most complicated questions I’ve seen here by far, yet you’ve helped solve them. I’ve purchased your theme like a 100 times over the last 5 years – the least you could do is actually help me the one time I ask.

    So please help! :)
    br
    jadesoturi

    #927464

    Hi,

    Thank you for getting back to us. As I understand in simple words you like to do the following:

    1. Activate the mobile menu at a higher resolution. (please check private message)
    2. Close the top gap on the scrolled header. FYI: The code you posted does not have a closed bracket it might cause some errors on the site.

    Please use the below CSS to close the header top gap.

    .html_header_top.html_header_sticky #header {
        position: fixed;
        top: 0;
    }

    If you still have an issue. Would you mind letting us know what are the changes previously made which caused this gap? Or just revert the site back when it was fine and remove your custom code. Then let us know exactly what you want to do? We are happy to help you! :)

    Best regards,
    Vinay

    • This reply was modified 1 year, 10 months ago by  Vinay.
    #1060649

    Hi and thank you for your reply!

    I haven’t been able to follow this up until now due to illness. In the mean time my boss actually liked the spacing on top as it kinda makes the meny look like a strip of packing tape that we use(moving and relocations company. so kinda fits perfectly).

    However, I’m having issue on the mobile version. The header image (easy slider) isn’t showing up at all and it seems to be displaced all together. Its there, just seems to be displaced and i cant figure out why. I’m getting massive cuts on the pagespeed insights scores for mobile because of this. Possible to fix?

    Thank you in advance!

    //jadesoturi

    #1061530

    Hi,

    I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    Best regards,
    Vinay

    #1061581

    Sorry about that. The other admin seems to have removed the account in the mean time.

    Its readded. Se details in private.

    TIA.

    //jadesoturi

    #1063496

    Hi,

    Thanks for the update.

    The header image (easy slider) isn’t showing up at all a

    Edit the slider and then go to the Screen Options > Element Visibility panel. It’s currently set to be hidden on very small screens or mobile view. Is that intentional? If it’s not, please disable that option.

    Best regards,
    Ismael

    #1063764

    Hi!

    Thanks for making me aware of that. I can’t remember turning this on, so kinda weird it was on. The header/easy slider is back now -albeit without the captions – I wonder why. Can this be “fixed” ?

    Also, how can I adjust the placement(centerpoint/scaling) of the image in mobile view. If possible I would iike it to view the whole picture. not just crop it. I have another site where i use a similar setup, and there the whole picture is viewed. Same settings etc IIRC, only some differences with custom css for the menu etc.

    Thanks!

    //jadesoturi

    #1064413

    Hi,

    Thanks for the update. It seems to be resizing properly on my end. Did you switch the slider from full screen to full width?

    Best regards,
    Ismael

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.