Viewing 20 posts - 1 through 20 (of 26 total)
  • Author
    Posts
  • #180790
    Pauline
    Participant

    Hi folks of this forum,

    I’m not quite an expert so I’m sorry if ti’s not a too smart question.

    I would like to place the social media-buttons at the top of the Homepage, as an overlay on the header image.
    What I tried is to use the promotional headline in custom mode [catchthemes_social_icons] and dragged it to the top of the page via section sorter.

    It kind of works, but first it moves down the header image and second it is quite a cumbersome workaround for this half-success of a simple thing.

    Can anyone help? Maybe additional css is needed, but I don’t really know how to point the section to be modified.
    Thanks

    #180813
    Skandha
    Participant

    @violoniste16: Hello there,
    You can use the Header Social Menu for that.
    Go to => Appearance => Customize => Menus => View All Locations => Header Social Menu => Select your Social Menu.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #180822
    Pauline
    Participant

    No….. I don’t want a menu for that. I would like only the button of social media and than the possibility to click.
    Can you help me?

    Thanks

    #180827
    Skandha
    Participant

    @violoniste16: Hello there,
    To only have social icons and not the toggle buttons firstly
    Go to => Appearance => Customize => Menus => View All Locations => Header Social Menu => Select your Social Menu.

    Now
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .menu-toggle-wrapper {
    	display: none !important;
    }
    
    #social-menu-wrapper .menu-inside-wrapper {
    	position: unset;
    	background-color: transparent;
    	border: none;
    	opacity: 1;
    	visibility: visible;
    }
    .site-header .social-navigation ul {
    	padding: 22px 15px !important;
    }

    Now the Social Icons should show up like you want it to.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #180828
    Pauline
    Participant

    No, when I make it, I don’t have any menu. But I need a Menu (Primary)! Sorry…. can you help me?

    #180829
    Skandha
    Participant

    @violoniste16: Hello there,
    Can you please post in your Site URL so that I can look into the issue.

    Kind Regards,
    Skandha

    #180830
    Pauline
    Participant
    #180831
    Skandha
    Participant

    @violoniste16: Hello there,
    Do you want the Social Icons to be placed beside the Hamburger Menu Icon?

    Kind Regards,
    Skandha

    #180836
    Pauline
    Participant

    YES!!! 🙂

    #180853
    Skandha
    Participant

    @violoniste16: Hello there,
    For that you will need to create child theme and do a little bit of customization. Let me know if you are familiar with child theme customzation.

    If you want the social icons with a normal menu like in this link it will easier to setup.

    Let me know what you would like to do.
    Kind Regards,
    Skandha

    #180854
    Pauline
    Participant

    Sorry but I don’t be familiar with child theme. But a social menu like on your link will be fine.

    #181056
    Skandha
    Participant

    @violoniste16: Hello there,
    I will need your WP Admin Credentials so that I can setup the menu the way you want. I will contact you shortly by email.

    Kind Regards,
    Skandha

    #181444
    Pauline
    Participant

    ok, i will change the password for you. Nickname: Madelvi and password is: *************

    Maybe you can make the Icons near to the menu. And I have an other problem: the Fotos are fantastic on iPhone but on computer, we see only the hair. Do you know why? And if you change this too it will be fantastic! I don’t find where….

    Thanks and kind regards,
    Pauline

    #181447
    Skandha
    Participant

    @violoniste16: Hello Pauline,
    Please do not post your credentials in the support forum as the forum is public it is not safe to post credentials here. I had sent you an email for that.

    And I tried logging in but wasn’t successful. Can you please recheck the credentials you have provided me? Also provide me the credentials through the email I have sent you.

    Kind Regards,
    Skandha

    #181448
    Pauline
    Participant

    I just sent you an email. You received it?

    #181457
    Skandha
    Participant

    @violoniste16: Hello Pauline,
    I have made the changes to your site and now the Social Menu is beside the Primary Menu but since there are a lot of menu items the menu has overflown to the next line.

    Can you try lessen the number of menu items so that it fits perfectly on the top level?

    Let me know if this works out!
    Kind Regards,
    Skandha

    #181458
    Pauline
    Participant

    Hey!

    and thanks. BUT:
    – the Menu muss be in “modern menu”. I mean that the menu would be invisible and the open it. What do you make, is good but for the foto is very bad. It’s why, I was choose the “modern menu”. I need a icons menu like “second menu” like what you make. But the primary menu muss be like it was.
    – when you see the page on iPhone, it’s perfectly!

    Kind regards,
    Pauline

    #181566
    Pauline
    Participant

    Hello Skandha,

    Can you help me?

    #181659
    Skandha
    Participant

    @violoniste16: Hello Pauline,
    I have create a child theme and changed the menu on your site

    Please check and let me know if this is the menu what you wanted.
    Kind Regards,
    Skandha

    #181845
    Pauline
    Participant

    Yes, es ist perfect!!!! Thank you a lot Skandha!!!!

Viewing 20 posts - 1 through 20 (of 26 total)
  • The topic ‘Place social icons on top of page / overlaying header image’ is closed to new replies.