[vojtechzikmundParticipant]

Hello there,

I’m trying to set up another website. I’m sure you will have answers to my questions 🙂

I’ll give you all the credentials below:

[vojtechzikmundParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for writing in! #1 You can add icons on the menu like a normal menu item. Please follow this post.

#2 That is the default order of the navbar. Logo on the left and menu on the right, please clarify.

Thanks.

[vojtechzikmundParticipant]

This reply has been marked as private.

[vojtechzikmundParticipant]

This reply has been marked as private.

[ChristianModerator]

Regretfully, that header setup would currently require custom development which is outside the scope of our support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[vojtechzikmundParticipant]

So it cannot be done with customizing the child’s theme?

[JoaoModerator]

Hi There,

I believe I have a good solution for you.

Go to Appereance > Customizer > Header Inline.

Go to Appereance > Menus > And Add your social Icons as a menu label of a Custom Link, for example if you want facebook, you will add : <i class="x-icon x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i>

In order to find the other icons you can visit http://demo.theme.co/integrity-1/shortcodes/icons/ and inspect the icons for the html code of every icon, if you need help please let us know which social icons you want to use.

Once you have placed that we can help you with adjustments to achieve the desired layout.

Cheers

[vojtechzikmundParticipant]

Superb, this added social icons how I wanted.

#1
How do I manage space between the icons though? 🙂

#2
Would it be possible to have menu links shown on tablet and mobile instead of a menu icon? I will use anchor menu links (one page) once I have the content ready. On mobile to have only the menu in the center.

[JoaoModerator]

Hi There,

a) Please add the following code to Appereance > Customizer > Custom > CSS

.masthead-inline .desktop .x-nav {
    float: none;
    margin-left: 35%;
}
#menu-item-59, #menu-item-60 {
  float: right;
}

b) I am a bit confused with what you are trying to achieve, would you mind to clarify?

Thanks

[vojtechzikmundParticipant]

#1
Thank you. I think I can live with this solution 🙂

#2
I have attached an image below. You can see that if you resize my website under 970px width (to tablet or mobile device resolution) the menu disappears and only the menu icon is visible. Is it possible to have the menu links shown instead of hiding them with the menu icon? I have attached second image to clarify my thought. For tablets show everything. For mobiles show only menu links in the centre.

[JadeModerator]

Hi there,

Please try this code:

@media (min-width: 481px) and (max-width: 767px) {
    .x-btn-navbar,
    .x-nav-wrap.mobile {
        display: none;
    }

    .x-nav-wrap.desktop {
        display: block;
     }
}

Hope this helps.

[vojtechzikmundParticipant]

Thanks,

but now it still has menu icon in the right corner 🙁

Also, if I go to mobile resolution I want to hide the logo and social icons plus the menu icon.

Is it possible?

[JoaoModerator]

Hi There,

Add the following code ass well:

@media (max-width: 969px) {
 #menu-item-59, #menu-item-60 {
display: none;
}
}

[vojtechzikmundParticipant]

I dunno, but I think that did nothing.

I’ve attached screens below how I see my page in given mobile resolutions. :/

Any idea?

[Author]

Posts