Okay
  Public Ticket #1425149
Row Anchors
Closed

Comments

  • Marcus Backlund started the conversation

    Hi!

    I am having trouble with responsive design in this theme using fullscreen Rows. Now I have found a way how to hide the desktop rows and get the mobile only to show on mobile but the row achors are still bothering me. How do I hide specific row achors?

  •  9,016
    Tahir replied

    Hey Again,

    You will have to use the nth-child selector to target the  row anchors .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    #fp-nav ul li:nth-child(1) {
        display: none !important;
    }
    #fp-nav ul li:nth-child(2) {
        display: none !important;
    }
    #fp-nav ul li:nth-child(3) {
        display: none !important;
    }
    #fp-nav ul li:nth-child(4) {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Marcus Backlund replied

    Thanks for the help!

    2 more questions:

    1. How do I hide the hamburger logo in the menu on desktop and only have the menu text?

    2. Why is there so much padding in the mobile menu? https://www.casahaartman.fi/axel-haartman/

  •  9,016
    Tahir replied

    Hey Again,

    - I am afraid you cant remove the burger menu and keep the lines as the text is inside the line div .

    - Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
        p {
            padding-bottom: 17px !important;
        }
    }

    Thanks

    Be.st


    ThemeNectar Support Team 

  • Marcus Backlund replied

    Hey, ok with the menu.

    Maybe I didn't specify it enough. The menu (logo and hamburger) are too long from the sides, not bottom. How do I fix this?

  •  9,016
    Tahir replied

    Hey Again, 

    You have to wrap this menu text code in a media query so it only works on desktop : 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (min-width: 1000px) {
        .slide-out-widget-area-toggle:not(.slide-out-hover-icon-effect) a span:after {
            content: "MENY";
            font-family: "brandon-grotesque"!important;
            font-style: normal;
            font-weight: 500;
            color: #fff;
            font-size: 25px !important;
            position: relative;
            left: -81px !important;
            text-decoration: none;
            transition: color 0.2s linear;
            -moz-transition: color 0.2s linear;
            -webkit-transition: color 0.2s linear;
            top: 1px !important;
            opacity: 0.75;
        }
    }

    Thanks


    ThemeNectar Support Team 

  • Marcus Backlund replied

    Thanks!

    The social buttons element, why is there no instagram and they are not linked according to the settings I have in salient options?

  • Marcus Backlund replied

    I managed to hide the hamburger on desktop so no problem there. :)

  •  9,016
    Tahir replied

    Hey Again,

    You need to select the Icons in the Header Navigation Section : http://prntscr.com/hzfjr4 as well as adding the links in the Social Media Section .

    Be.st


    ThemeNectar Support Team 

  • Marcus Backlund replied

    Hey,

    I have them added as links in the social media Section and in the menu they show but not in the social buttons element.

  •  9,016
    Tahir replied

    Hey Again,

    The Social Buttons share the content of the page on the social networks where as the Social Media links only link up to the respective Socia Media Network. 

    Be.st 


    ThemeNectar Support Team