[Support request] Change social icons position

Home Forums Support [Support request] Change social icons position

Home Forums Support Change social icons position

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #635947
    Engelbrecht

    Hi,

    I have added social icons to my secondary menu and i want to both make them bigger, be aligned and having a border-top, but this doesnt seem to work:


    @media
    (max-width: 768px) {
    .secondary-navigation.toggled .main-nav .nav-mobile-li {
    border-top:1px solid #DDD;
    display:inline !important;
    }
    }

    I’ve also tried added padding but everything looks aweful.

    GeneratePress 2.1.3
    GP Premium 1.6.2
    #636167
    Leo
    Staff
    Customer Support

    Hi there,

    Do you want to make them bigger with top border on mobile only or both desktop and mobile?

    Your code is targeting mobile only.

    Let me know 🙂

    #636231
    Engelbrecht

    Hi Leo, For now its only for mobile and yes bigger so i could align max 3-4 social icons later side by side. 🙂 On desktop it looks perfect

    #639379
    Engelbrecht

    Could you help me Leo on this one?

    Someting like this (whole secondary menu is ok if its centered and ONLY mobile)

    Log ind
    Kontakt os
    Hjælp og support
    ————————-
    Find us here
    f ig tw

    I may go with only f and ig for now, but they should be bigger, 100% width for both icons and with a top border 1px something. Havent added the Find us here label yet.

    Thank you beforehand!

    #639873
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Sorry for not getting back to you sooner! This one slipped through somehow.

    Give this CSS a shot:

    @media (max-width: 768px) {
        .secondary-navigation.toggled .main-nav .sf-menu > li.nav-mobile-li {
            display: inline-block !important;
            margin-right: 5px;
            border-top: 1px solid #ddd;
        }
    
        .secondary-menu {
            text-align: left;
        }
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.