Forum Replies Created
-
AuthorPosts
-
November 10, 2014 at 2:16 am in reply to: Changes Font Size and Colors for Navigation (Enfold) for Mobile Browsers #348612
That did it. Thank you very much Ismael.
This reply has been marked as private.Yes, that fixed it. Thank you very much.
Yeah! That did it! Thank you very much!
Hello Yigit:
I have added your code but do not see the “Quickgifts” logo on my iPhone. I see it on my desktop browser, but not my iPhone.
Here is the page that we are going to be using as our home page:
http://23.235.201.84/homepage/home-v2-3-col-images-contact/
Here is a screenshot showing the missing “Quickgifts” image:
http://prntscr.com/4sndroMaybe there is some other CSS code that is creating the problem? Here is all of the “Quick CSS” codes that you have given to me that are live:
h1, h2, h3, h4, h5, h6 { text-transform: none!important; }.phone-info {
font-size: 18px;
padding: 15px 0;
color: #a70600!important;
}@media only screen and (min-width: 1140px) {
strong.logo {
left: 20%;
}}@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%;
height: auto !important;
margin-top: 5px!important;
}}div .logo {
float: left;
position: absolute;
left: -5px;
}.header-meta-img { position: relative; left: 10px; top: -10px; }
.phone-info a img {
position: absolute;
left: 36%;
top: 8px;
}@media only screen and (max-width: 767px) {
.phone-info a img {
display: none;
}
}@media only screen and (max-width: 480px) {
.phone-info span {
margin-left: 17%!important;
}}Josue:
The image has disappeared on my iPhone. I only see the telephone number now (and the telephone number is still not centered).
Can you fix this?
Here is all code from Quick CSS:
h1, h2, h3, h4, h5, h6 { text-transform: none!important; }.phone-info {
font-size: 18px;
padding: 15px 0;
color: #a70600!important;
}@media only screen and (min-width: 1140px) {
strong.logo {
left: 20%;
}}@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%;
height: auto !important;
margin-top: 5px!important;
}}div .logo {
float: left;
position: absolute;
left: -5px;
}.header-meta-img { position: relative; left: 10px; top: -10px; }
.phone-info a img {
position: absolute;
left: 36%;
top: 8px;
}@media only screen and (max-width: 767px) {
.phone-info a img {
display: none;
}
}Josue:
Your alternative solution works, but it does not work well. Please see the following screenshot:
http://prntscr.com/4ryi48
By using your solution, these are the issues:
1. on a desktop browser, notice all of the additional vertical space above the telephone number and below the social media icons. I have reduced the size of the Quickgifts image as much as I can.
2. I have included a screenshot from my iPhone. Notice how the telephone number is no longer aligned center.
3. Also, the telephone number is sitting right on top of the Quickgifts image. It would be very easy to acidentally hit one or the other.Yigit and Ismael had provided other solutions. But they did not work for some reason. Maybe they can determine why they did not work and we can fix these issues?
Here is the image reference:
http://23.235.201.84/images/buy-a-gift-card.jpg
<img src="http://23.235.201.84/images/buy-a-gift-card.jpg" />
Unfortunately, the logo is not appearing after following your instructions. Maybe I made a mistake?
1. This is what I added to the functions.php page:
/*
* Adds Gift Certificate Image to Headerfunction add_custom_script(){
?>
<div class=”header-meta-img”></div>
<?php
}
add_action(‘wp_head’, ‘add_custom_script’, 10);2. This is what I added to Quick CSS:
.header-meta-img { position: relative; left: 10px; top: -10px; }Here is the page with no logo at the top:
http://23.235.201.84/Can you help me?
Hello Ismael:
You wrote:
Use the .header-meta-img selector to adjust the position of the container.
Where do I find this and how would I adjust this?
Thank you.September 22, 2014 at 4:14 am in reply to: Changing Fonts Size of Telephoen Number and Adding Content #322765Hello Ismael:
That did the trick. Thank you very much for your help!
DanDear Yigit:
I have changed over to use the “boxed layout” as you directed me. However, you did not provide the CSS to make the center content appear slightly opaque. Here is a screenshot of what I am seeing: http://prntscr.com/4obsy4
This is the actual page: http://23.235.201.84/homepage/home-v4-small-slider/
If you have sent the CSS, can you resend this to me?
The last CSS you had sent me was for another issue and not this issue.
Thank you,
DanSeptember 19, 2014 at 7:08 pm in reply to: Slightly Opaque Body Area Instead of White Body Area #322076Hello Yigit:
I have chosen the boxed layout as you can see here (http://23.235.201.84/homepage/home-v4-small-slider/). Now, all I need is the custom CSS code to make the center content slightly transparent.
Thank you,
DanHello Yigit:
Please excuse the following dumb questions:
1. Where can I add the giant image of the woman that you see on (http://23.235.201.84/transparent-header/) so that it is the background image for all pages?
2. How do I make all of the white content items that sit on top of the background image appear slight opage (see through) instead of solid white?
Thank you,
DanSeptember 19, 2014 at 5:49 pm in reply to: Changing Fonts Size of Telephoen Number and Adding Content #322026Hello Yigit:
Regarding the increased front for the telephone number, there are two issues relating to this on an iPhone:
1. When I try to touch the telephone number, it does not bring up the function to dial the number. I have used your extension in another site and in that site, when I click the telephone number, it brings up the dial function on my iPhone. Can you see why this is not working?
2. Because the logo is a link to the home page, it is almost impossible to click the telephone number without hitting the logo or Social Media logos. Can you provide code to add space in mobile browsers both above and below the telephone number?
Thank you very much,
DanPerfect! Thank you very much.
Dan -
AuthorPosts