
-
AuthorPosts
-
November 24, 2017 at 3:22 pm #881230
I am running v4.2. Problem with full width image slider. the caption and text elements are supposed to be unique for each slide, however no matter what I change the first slides caption and text shows on all slides. Any advice?
November 24, 2017 at 6:02 pm #881352December 8, 2017 at 12:57 pm #886470Hi
This question is for the mobile site only. I mocking up a new site on www,alps4u,net
Can I create some text next to the logo that is unique to each page without lots of CSS code? The reason I am a travel business and have a new section which is about buying property. My Brand which is Escapes4U doesn’t really go with buying property so although the logo can stay I would like some text saying “Property locator” when people land in that section.
The desktop site has enough room for me to include headings, but the only space on the mobile site is where the logo is.
Another way of attacking this is to get the mobile site to close up the silly white header that is around the logo but I can’t seem to do that. The desktop site has that capability.I will load some screen shots as examples.
December 8, 2017 at 1:04 pm #886473desktop view link is here https://www.dropbox.com/s/gsk8tqhf4x7qsiq/alps4u_desktop.jpg?dl=0
mobile view https://www.dropbox.com/s/lkt9fqexp7kvyti/enfold_mobilesite.jpg?dl=0December 9, 2017 at 9:59 am #886743Hi,
To add text next to the logo for only one page only in mobile, I suggest creating a custom widget.
Try adding this code to the end of your functions.php file in Appearance > Editor:add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { if( is_page( 644 ) ) { dynamic_sidebar( 'header' ); } }
**Note the “is_page (644)” you will need to change it to the page you want the widget to show on.
If you’re using a layout with the menu below the header area use this code instead:add_action( 'ava_main_header', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { if( is_page( 644 ) ) { dynamic_sidebar( 'header' ); } }
And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.
Then add this code in the General Styling > Quick CSS field:#header .widget { left: 50%; padding-top: 0; position: absolute; top: 0; transform: translate(-50%); z-index: 999; }
Adjust the css for your page, and then we can add a rule to hide the widget for desktops after you have this setup.
Best regards,
MikeDecember 15, 2017 at 3:01 pm #889313Hi Mike
Thanks for the tips. I applied everything substituting page _644 for post_591. Which is the page I want to affect. The whole screen just goes blue with the applied code like a broken windows laptop. There is literally nothing other than blue and no scroll bars or navigation. I tried both variants of the code you sent.
I added the function code using my custom functions plug in as it is super fast to undo the changes and validates any code it adds without crashing the site. Any suggestions?
Thanks Meredith
December 16, 2017 at 4:14 pm #889550 -
AuthorPosts
- You must be logged in to reply to this topic.