Forum Replies Created
-
AuthorPosts
-
Hi
Thanks that worked :)
Regards
Alex
Hi Please find the details below
sorted I added the following
span.blog-categories.minor-meta {
display: none!important;
}.slide-meta-time, .slide-meta-del {
display: none!important;
}It worked by adding an extra layer that was transparent :) Thanks
HI
Yes I have got a border around the layer however what I wanted is a fine border around with a gap between it and the layer of say 3px. The gap would be transparent. I’m assuming that I have add another layer if not please could you let me know how I do it, please?
Hi
Yes thanks found them and read set the border on the home slide but it not showing i think I need to add something to the css section under th style tab.
Hi
That’s what I’d like to do but wasn’t to sure how to do from the layer slider :)
Oops sorry I thought I had added it. Please see below.
Hi
Unfortunately not I don’t think it has worked. The page details are below.
I added the following to the child php file and I added missy to each of the buttons via custom CSS class
function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.missy’).attr(‘rel’,’nofollow’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘remove_title_attr’);Hi
Is this still the solution as mentioned above, please?
Thanks
Hi
You can close it thanks. Google now thinks the pages are okay!! Very strange
Hi
Thanjs for your help :)
Alex
Hi
that page appears to be okay but I’ve got the below-mentioned message from google
Hi
Thanks for checking. It’s is such a same as it a great slider but if it doesn’t work in a particular browser then there is not much point in having it.
:(
Thanks for your help though.
Hi
It is WP Rocket plugin I shall contact them.
Thanks
its okay I solved the font size with
#av-burger-menu-ul a{
font-size:18px!important;
}Hi
I read further down and it was because I was using a transparent header this fixed the last issue
/* Burger menu icon color on transparent header */
#header.av_header_transparency .av-burger-menu-main a .av-hamburger-inner,
#header.av_header_transparency .av-burger-menu-main a .av-hamburger-inner:before,
#header.av_header_transparency .av-burger-menu-main a .av-hamburger-inner:after {
background-color: #000000;
}Hi
I was also trying to change the icon colour to black through
Icon Color: To change the color of the burger menu go to Enfold > Main Menu > Burger/Mobile Menu styling > Menu Icon Color
however, when I do this the background of the page changes too.
Hi
Its say the following
“and to display certain menu items on mobile, please give them custom CSS class “only-mo” and change your code to following one”
The “only-mob” should be “only-mobile”
Thanks
Hi
I have solved the overlapping issue but the space remains
Hi
I have amended the test page you set up and removed the CSS ID so the coding will not apply. The space at the bottom and top remains and the text at the very bottom is overlapping other text.
Thanks
Hi
All the elements on the first section have css ID and I have moved them by adding code in the quick css. I wanted the photos to overlap and then I fitted the text around it. This works fine for devices 1024 or greater. For devices smaller I created the second section which has no customization. The only issue is the spacing as mentioned which I would like to remove.
Thanks.
Hi
It’s fine thanks I have been able to solve it
Hi
I tried the following but it has removed from all sizes of devices
@media only screen and (max-width: 480px) {
#menu-item-451 { display: none !important; }}and noMobile in the css section of the menu
Thanks
PS I’m going to create a page which I would like to show on the mobile but not on anything great than 480px any ideas would be welcome
- This reply was modified 5 years, 11 months ago by info224.
Hi
Thanks
I tried putting it to the top of the quick CSS but unfortunately, it didn’t work. I found this thread and wondered if this was something I should follow.
https://kriesi.at/support/topic/hide-specific-page-in-mobile-devices/
I am using a child theme if that makes any difference.
I would like to hide the page just on mobile devices now please.
Thanks
Alex
Okay, I’m really sorry for any hassle I have cause it certainly wasn’t my intention.
Essentially I have decided that I would like to hide the page on devices less than 1280px hence I tried the code
@media only screen and (max-width: 1024px) {
#menu-item-451 { display: none !important; }}unfortunately, it didn’t work and wondered if you could advise
the page in question is shown below, the login details are above
Thanks
Hi could someone come back to me please
Thanks
Hi
I tried the following to hide the page but it didn’t work :(
@media only screen and (max-width: 1024px) {
#menu-item-451 { display: none !important; }} -
AuthorPosts