Tagged: mobile device
-
AuthorPosts
-
December 13, 2015 at 11:12 pm #551806
Dear Sirs,
I just bought your theme and I think it´s awesome… I´m a newbye at wordpress, and I need to solve a problem…. I want 2 images to not be shown on mobile devices (mobile only)… Could you help please?
Since I´m a newbie, I don´t even know where can I alter the html code in wordpress….
Once I´m at my web, I press ctrl+u, and this is the code corresponding for these images (See Below)
Could you please indicate what code, where and how do I add it?: (Please remember I´m a newbie……If you want my credentials and you could modify it directly it could be perfect…..
<div class=”flex_column av_one_fourth flex_column_div av-zero-column-padding first avia-builder-el-15 el_before_av_three_fifth avia-builder-el-first ” style=’border-radius:0px; ‘><div class=’avia-image-container av-styling- avia-builder-el-16 el_before_av_image avia-builder-el-first avia-align-center ‘ itemscope=”itemscope” itemtype=”https://schema.org/ImageObject” ><div class=’avia-image-container-inner’></div></div>
<div class=’avia-image-container av-styling- avia-builder-el-17 el_after_av_image avia-builder-el-last avia-align-center ‘ itemscope=”itemscope” itemtype=”https://schema.org/ImageObject” ><div class=’avia-image-container-inner’></div></div></div><div class=”flex_column av_three_fifth flex_column_div av-zero-column-padding avia-builder-el-18 el_after_av_one_fourth avia-builder-el-last ” style=’border-radius:0px; ‘><div style=’padding-bottom:0px;’ class=’av-special-heading av-special-heading-h1 blockquote modern-quote modern-centered avia-builder-el-19 el_before_av_textblock avia-builder-el-first ‘><h1 class=’av-special-heading-tag’ itemprop=”headline” >¿QUIÉNES SOMOS?</h1><div class=’special-heading-border’><div class=’special-heading-inner-border’ ></div></div></div>Thanks!!
David
December 13, 2015 at 11:16 pm #551812Sirs,
I just see that once I pasted the code, the images were inserted….newbie….only for if you could take a look at the website, the 2 images are called:
src=’http://www.esunapruebawordpress.com/wp-content/uploads/2015/12/Quienessomos-2.jpg’
and
src=’http://www.esunapruebawordpress.com/wp-content/uploads/2015/12/Quienessomos-1.jpg’
Thanks!
December 14, 2015 at 3:41 pm #552371Hi!
Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
If you need help with it, please feel free to let us knowCheers!
YigitDecember 15, 2015 at 11:57 pm #553341Hi Yigit,
I can´t set up the css field at the avia builder… I mean, I have added this to the functions.php and to functions-enfold.php, just in case, but I can´t see the css field so far:
/*
* add option to edit elements via css class
*/
add_theme_support(‘avia_template_builder_custom_css’);I have deleted cookies, cache….etc….And nothing works….
Could you help please?
Thanks
David
December 17, 2015 at 4:54 am #554169Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) { #quienessomos img { display:none !important; } }
Best regards,
RikardDecember 17, 2015 at 9:29 am #554276Hi Rikard,
It worked perfectly…. Thanks!
The point is that I would like to have the css field in all the elements….And be able to edit them one by one…. I mean, I have some white space elements that I want to be shown on the computer, but no on the mobile phone….
Is there any way to make the css field work?
I really appreaciate the help you provide in these forums
Thanks
David
December 17, 2015 at 3:56 pm #554445Hi!
You can refer to this post and enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.