Forum Replies Created
-
Posts
-
Hi Mike,
Thank you for your assistance. I was further able to make the new modal button look like the original button, but i am missing the icon arrow, how can this be added? (see attached photo).
Also, how can i change the color and size of the contact form title text in the modal popup? (see attached photo)
Thanks!
Hi Mike,
Unfortunately this sounds confusing to me as im not an actual developer. How do i give the layersliders names? So I create three different unique layersiders in my page?
Is the directions above something you could implement onto my site, or is that something you don’t cover with support? I’ve provided WP ADMIN login details in private area in original post
hope to hear from you,
Thanks
Thank you for checking. The phone i used for the test in screenshot is Android (Samsung Galaxy S8 Plus)
If you check the responsiveness in a website like http://www.responsinator.com/ you will see in sideways view it now shows alot of empty space between the top text and the bottom of the photo. This empty space is not present in normal portrait view. Is this because of the image itself? Is there any way to have the image display like it does in normal portrait view?
I guess it’s not that big of a deal because not many people look at their phones sideways (as far as i know), but it doesn’t look good!
I’ve deactivated autoptimize, added the additional css code, clear cache, but not seeing any change
is it possible for you guys to go into my WP admin and check (i have login credentials in original post)
i have added the css code but it did not render the mobile menu correctly. These are two mobile menu buttons, one overlapping the logo area, and it seems to be on the wrong side?
Will it still look the same aligned to the right in other views such as desktop view?
Also, the other issue is with the menu. The items are all overlapping to a second row and out of place. Wouldn’t it make sense to have a mobile and responsive menu in this view?this changed how it looks and now the text is first and the icons still have alot of space between the text and icons, is there a way to just make the icon go to the left closer to the next? (my original inquiry)
Thank you! this has fixed the header widget responsiveness/size in sideways mobile view. However, in all sideways view this white space is still there, is there any way to get rid of it?
Thank you! this fixed the issue, but there is one more issue:
The white space shows on all “sideways” horizontal smartphone views, is there a way to fix that please? Along with making the header widget a responsize size in sideways smartphone view. In all of my testing of sideways display the white space is still there and the header widget is overlapping the header. Thank you.
Thank you Nikko, sorry i got a little upset in my previous response. This topic is now solved. I’ve started another topic that is awaiting for response over 15 hours, could perhaps take a look? Thanks so much.
I figured out the CSS selector for the other widget is #media_image-2 and now mobile and desktop versions look correct each displaying their corresponding widgets
These are all the CSS i have for the header widgets, could you guys check if nothing is conflicting or excessive, or wrong (causing placement/responsiveness issues) for what i am trying to achieve? i ran the website through responsinator.com and checked two phones and it looks correct. thanks so much:
#header .widget {
left: 65%;
padding-top: 5px;
position: fixed;
}@media only screen and (max-width: 767px) {
#header .widget {
left: 60%;
margin-right: 15px;
top: 7px;
position: absolute;
}
}@media only screen and (min-width: 768px) {
#header #media_image-3 {
display: none;
}
}@media only screen and (max-width: 767px) {
#header #media_image-2 {
display: none;
}
}I was hoping to receive the answer for what i asked as the website owner is going crazy but thats not what i asked so its a wasted response Nikko, now i have to wait an average of 12 hours for another response :(
However, by using your code i was able to target the CSS selector for the header widget i want to *not* show on desktop by using this:
@media only screen and (min-width: 767px) {
#header #media_image-3 {
display: none;
}
}BUT the header widget i need to disappear in mobile is still there, because i dont know how to find the CSS selectors, i dont know how you guys looked up the 1st widget to be #media_image-3 can you just PLEASE tell me how you do that, thanks!!!
See my screenshots, i cant be any more clear:
can you guys tell me how can I target via CSS to have the header widget titled “mobile” only display on mobile and have the header widget titled “header” only display on desktop, please?
I found a solution but it’s not working. I want to use a different header widget for mobile only while keeping my current header widget for desktop. I’ve named the new widget “mobile” while the other one is named “header” and targeted via css the desktop header widget to disappear while keeping the new mobile widget, but they both disappear and now there are none in mobile. This is the CSS:
@media only screen and (max-width: 767px) {
#header .widget { display: none !important; }}
}@media only screen and (max-width: 767px) {
#mobile .widget {
left: 60%;
margin-right: 15px;
top: 7px;
position: absolute;
}
}I will also need the new mobile widget to NOT display in desktop as they are overlapping now, but if i try making it display: none via css, both widgets disappear (same problem as above)
please help!
The placement is now perfect, you guys are miracle workers!!!!!!!!!!!!!!!!!!!!!!!!!
But there is one last issue, the header widget image is very small in the mobile view, there is so much space around it, while the logo is filled out, is there any way to make the header widget be bigger in mobile, please?
Attached photo (2/2) shows how it now looks on galaxy s8
Also, the image doesnt stay in the header, it follows with scroll (photo 1/2)
i dont understand why this is happening :(
It’s the comments feature in advanced layout builder.
you can see example here: http://dietetykaugustow.pl/weganski-makaron-spaghetti-z-szybka-pasta-z-awokado/
it would be the second checkbox and sentence, not the first
