Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #172378
    Martijn
    Participant

    Its very strange but in the computer browser my titles in the menu bar are green but on the phone they are white and almost not visible anybody an idea how that is possible or is that how the responsive site works? http://www.bare-foot.nl

    Also I would like to add media (an excel file to download) in the text but I can only add a file when it is in a new block not directly between the text.

    #172390
    Skandha
    Participant

    @martijn: This is because the html structure for desktop menu and mobile menu is different. So to change color for both you will need to change the CSS for both.
    To change the text color of menu to green like in the desktop menu
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .sb-options a:link, .sb-options a:visited,.sb-selector:link, .sb-selector:visited, .sb-selector:hover {
    	color:#20a026;
    }

    Please let me know where you want to have the download link?
    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #173423
    Martijn
    Participant

    Hi Skandha, thanks a lot for your help indeed the colour of the phone version is changed. But is it true that there is always a black shadow of the letters in the phone version ?
    Without download link is fine for now.Thanks.

    There is actually a big distance between the green SUBtitles and the text, but assume that that is a wordpress setting ?

    All the best,
    Martijn

    #173467
    Skandha
    Participant

    @martijn: Hello Martijn,
    You can remove the black shadow of letters in phone version
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .sb-selector:link, .sb-selector:visited, .sb-selector:hover {
    	text-shadow: unset !important;
    }

    Can you explain which distance you are talking about? Is the the space after the text AYURVEDA BAREFOOT?

    Let me know if this works out!
    Kind Regards,
    Skandha

    #173921
    Martijn
    Participant

    Hello Skandha,

    1. CSS working great thanks !

    2. No it is the big white space between the subtitles and the text… for example on the page -behandelingen- scroll to the middle of that page and there you see :

    ——————-
    Warme kruidenbundel massage
    Pinda Sveda

    Dit is een van de meest efficiënte en voor het lichaam aangename Ayurvedische behandeling ……”
    ——————-

    Its the space between ‘Pinda Sveda’ and ‘Dit is een van de…’

    Is it possible to make that space smaller, like the subtitles directly above the text ? I assume its a wordpress setting and has nothing to do with your theme ??

    Thanks a lot,
    Martijn

    #173966
    Skandha
    Participant

    @martijn: Hello Martijn,
    To remove/reduce the space you mentioned
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    p {
    	margin-bottom:10px;
    }

    You can change the space according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #175069
    Martijn
    Participant

    Thanks a lot Skandha ! Works great.

    #175099
    Skandha
    Participant

    @martijn: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-everest/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘colors menu computer and phone differs’ is closed to new replies.