Hi again!! I used your code for the top section of my site which is working perfectly:

@media only screen and (max-width: 414px) {
#cover {
background-image: url(http://metamorfic.net/dev/JPLD/wp-content/uploads/2016/12/web-top-2.png) !important;
}}

But now I want to use it for some other colour section and it doesn’t work using the same code with different section ID. Ca you help?? Should I use css class? How do we add css class instead of ID?

@media only screen and (max-width: 414px) {
#entreprise {
background-image: url(http://metamorfic.net/dev/JPLD/wp-content/uploads/2017/01/dessin1-1.jpg) !important;
}}

@media only screen and (max-width: 414px) {
#entreprise-contenu {
background-image: url(http://metamorfic.net/dev/JPLD/wp-content/uploads/2017/01/dessin1-1.jpg) !important;
}}

Yes, sorry. it’s a bit confusing. Here is a link to the dropbox:

https://www.dropbox.com/s/gh3lter6d94fel5/navigation_header.jpg?dl=0

There is a navigation on the very top of the site and a navigation under it, close to the search Icon. My question is can I have in each of them diffrent nav-items (words) because in the example from you Blog and Pages are in both of the navigations.

Thank you
Claudia

Hi Vinay,

For the life of me I can’t get other hyperlinks to work. I’m not sure how you did it. In the text block does the hyperlink shorten down to the following for you?

<a href="../accommodation/#alpine_retreats">Alpine Retreats</a>

I’m now trying to make the ‘find out more’ link go to the top of the accommodation page. Even after copying the fixed link you made (Alpine Retreats) and taking out the #alpine_retreats in the text, it still doesn’t work. The hyperlink in the text block now showing the following for me:

<a href="../accommodation/">Find out more</a>

Even after re-typing the entire link in the text block it reverts to this shortened version.

The same goes for the 4 hyperlinks under the 4 icons (the resort, skiing, summer and location) however clicking the icons remains to work as intended.

Thank you,

James

Hi Andy,

I uploaded the WP Plugin PHP file and a screenshot where it puts the player. The player is put always at the top of the site. I want that the player is put at the start of each colored section, only reading, whats in that section.

Readspeaker gives a way to implement that manually but there is a reason I am using a CMS :)

How to implement Readspeaker into body:

<div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve">
    <a rel="nofollow" title="Um den Text anzuh&ouml;ren, verwenden Sie bitte ReadSpeaker" href="//app-eu.readspeaker.com/cgi-bin/rsent?customerid=9152&lang=de_de&readid=[READID]&url=[ENCODED_URL]">
        <span class="rsbtn_left rsimg rspart"><span class="rsbtn_text"><span>Vorlesen</span></span></span>
        <span class="rsbtn_right rsimg rsplay rspart"></span>
    </a>
</div>

[READID]: Insert DIV ID of content to read e.g. “readspeaker_button1

• This reply was modified 9 years, 1 month ago by Oberlinhaus.

Look at
I made a 4-column page with the following code:

[av_one_fourth first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class='']

[av_heading heading='Test1' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='73' color='' custom_font='' custom_class=''][/av_heading]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class=''][/av_one_fourth]

[av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class=''][/av_one_fourth]

[av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='http://wesaca-demo.nl/mns/wp-content/uploads/2017/01/stock-photo-laptop-screen-with-a-watch-57164125-495x400.jpg' attachment='60' attachment_size='portfolio' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' custom_class=''][/av_one_fourth]

What i want is when you hover over an image you can click on it and move to another link
THX Freek

It worked. You can close the topic. Thanks :)

I like how the scroll up button adjusts its position when I flip the phone into landscape mode.
I actually have a floating button, which I want to behave like the scroll up button.

the code I am using for it is
.floating {
position: fixed!important;
z-index: 99999;
right: 2%;
top: 90%;
}

can you tell me how to do that?

I appreciate your help but probably i did not explained very well to you my problem….

Here is image of what is wrong

View post on imgur.com

So the problem is when screen is like on image 975 px width and i set css code media screen for max-width: 1024px it ignores that line and read media screen for max-width: 1680px

Problem is only for text blocks…I also set media screen “max-width” values for headlines when they break in second line i set css code to increase margin-bottom so text below will be in line at top.

Try to manually resize window to 1024px to see what i am talking about for headlines….

Why is not reading values from media screen max-width: 1024px?

Vinay,

Thanks, I did that and am still getting the error above.
How I am able to replicated it is to go to the naked domain of itsgreektomemn.com in either the Edge browser on desktop or any mobile browser, especially is opened from Facebook.

Thanks
Jon