Tagged: featured image, Home Page, mobile devices, responsive
- This topic has 2 replies, 2 voices, and was last updated 3 days, 9 hours ago by
bartvandriessche.
-
AuthorPosts
-
April 8, 2021 at 12:04 am #279040
bartvandriessche
ParticipantHi,
I have a few questions regarding the settings on the home page:
1. Is it possible to change the ‘sequence’/order of the elements that are on the home page? Now, on my website you have the page slider, projects and then a text (from top to bottom). I would like to change these elements, in the following order: page slider – text – projects.
2. Is it possible to have a separate image for featured pages for responsive use (mobile devices)? Currently, the website looks properly on a laptop or desktop computer, yet on mobile devices the ‘featured images’ do not make sense at all. See attachment. You do not see any useful image.
The settings for customizer –> theme options –> featured slider –> ‘mobile display’ does not give me the right result. I would like to have a different image for mobile devices. Is this possible with a simple custom CSS code?
3. How can I remove the ‘search icon’ at the upper right corner of my screen? For my website it doesn’t make sense to have a ‘search icon’. I found several topics for this question, but the custom CSS code doesn’t work:
#search-toggle {
display: none;
}4. I would like to delete the ‘dates’ when you hover over the project images. I just want to see the title. Is that possible?
My website is: http://studiovandriessche.nl/
Many thanks in advance.
April 8, 2021 at 2:54 am #279085Skandha
Keymaster@bartvandriessche: Hello there,
1. Section Sorter, the feature to change the order sections is only available in pro version of the theme. I suggest you to upgrade to pro. You can check out the additional-features available in the theme.2,3,4.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code./* Slider Images in mobile view */ #feature-slider-section .post-thumbnail img { object-position: center center; } /* To hide search in header right */ #primary-search-wrapper, .mobile-social-search { display: none; } /* To hide dates when hovered over project images */ #portfolio-content-section .entry-meta { display: none; }
Let me know if this works out!
Kind Regards,
SkandhaApril 8, 2021 at 3:15 pm #279154bartvandriessche
ParticipantHi Skandha,
Many thanks for your quick reply!
3 and 4 work perfectly! The CSS code for 2, however, doesn’t change anything. I added the CSS codes, so you can see it as well, right?
Thanks again.
-
AuthorPosts
- You must be logged in to reply to this topic.