[stamyoParticipant]

Hey there,
I need to insert a fixed section in Mobile view at the very bottom and there place a button which is going to be always visible. How is this feasible?

Thanx in advance.

[Nabeel AModerator]

Hi there,

Thanks for writing in! You can add a section at the end, give it a class and with custom CSS make it’s position fixed.

.last-section {
position: fixed;
}

Let us know how this goes!

[stamyoParticipant]

I appreciate the quick reply!
I will put it this way, which I think it is more easy to be implemented.

I need a second menu in Mobile View Only which will have the same characteristics as the currently Primary menu but with the following variations:
– It will contain text instead of icon
– It will open upwards.

The website can be found in the following address: http://www.clausewitz.dreamhosters.com/

[Rue NelModerator]

Hello There,

Does this section can be seen in the entire site or will be visible in all pages? What you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once your child theme is ready, you can add an additional menu in your site. Please check it out in the codex.
https://codex.wordpress.org/Function_Reference/register_nav_menus

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

For more assistance, you might want to contact our trusted partners who caters X setup and customization needs. Please see Our Trusted Customization Partners.

Thank you for your understanding.

[stamyoParticipant]

This reply has been marked as private.

[stamyoParticipant]

This reply has been marked as private.

[LelyModerator]

Hello Stam,

X does not support a secondary menu in the footer. Regretfully we cannot support any modifications to the footer other than minor cosmetic changes due to the fact that X is a highly dynamic theme with many elements being constructed on the fly based on options in the Customizer. We’ve always try our best to help, offering alternatives like giving simple cosmetic/CSS solutions and a little html markup without altering template. In your case, what we can suggest is Add Widget Menu instead. This will not require us to do any template customization. Go to Appearance > Menu. Create a new Menu. Let’s say Footer Menu. Then add the Menu Links. Under Menu Settings > Theme Locations: Select Footer Menu. We set to show this as Footer widget. Go to Appearance > Customize > Footer > Footer Widget Areas: Select ONE , Select Bottom Footer to ON. Under Appearance > Customize > Widgets > Footer1 > Add Widget > Select Custom Menu > Supply the Title > On Select Menu Dropdown > Choose Footer Menu. Instead of above CSS, use the following instead to make it fixed and display only on mobile:

footer.x-colophon.top {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display:none;
}
@media (max-width: 480px)
footer.x-colophon.top {
    display:block !important;
}

Hope this helps and thank you for understanding.

[Author]

Posts