-
AuthorPosts
-
January 27, 2019 at 3:37 pm #1059363January 28, 2019 at 5:34 am #1059515January 29, 2019 at 9:58 am #1059920
Thanks a lot.
I want to list “Ultrasonic Anemometer Home”. But Now list:
“Ultrasonic
Anemometer
Home”
/* CSS – Subtext on right */#top .logo,
#top .logo a {
overflow: visible;
}
CSS below:
/* Subtext styling */
.logo .subtext h1 {
font-size: 25px;
color: #239ff7;
width: 120%;
top: 60%;
right: 20;
}.logo .subtext {
position: absolute;
color: #239ff7;
top: 60%;
width: 120%;
right: 0;
transform: translate(120%, -50%);
z-index: 999;
}February 1, 2019 at 6:48 am #1061383Hi,
Sorry for the late reply. I’m not 100% sure I understand what you are looking to do, maybe you are looking to add a widget area to the header? https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Best regards,
RikardFebruary 1, 2019 at 8:16 am #1061406My intention is very simple. I want to let the text on the right side of Logo emit horizontally, but now it emits vertically. How to adjust it?
February 2, 2019 at 10:57 am #1061957Hi,
Thanks for the clarification, could you post a link to where we can see the element in question so that we can have a closer look?
Best regards,
RikardFebruary 3, 2019 at 2:26 pm #1062221Please check the infomation below.
February 4, 2019 at 3:40 am #1062460Hi,
Thank you for sharing the details.
Please change the width to 400px. Your code should look like:
.logo .subtext h1 { font-size: 25px; color: #239ff7; width: 400px; top: 60%; right: 20; }
Best regards,
VinayFebruary 7, 2019 at 3:01 am #1063794February 8, 2019 at 5:14 pm #1064658Hi jack000486,
Best regards,
VictoriaFebruary 9, 2019 at 3:20 pm #1064943Could i remove the text on the mobile website and stay it on the desktop website?
Or could you tell me the best way?February 13, 2019 at 3:31 am #1066186Hi,
Yes, that is possible. Just replace the previous modification with the following css code.
@media only screen and (min-width: 1024px) { .logo .subtext h1 { width: 400px; } } @media only screen and (max-width: 1024px) { .logo .subtext { display: none; } }
That code is going to adjust the subtext width on desktop or larger screens and remove it on mobile view.
Best regards,
IsmaelFebruary 13, 2019 at 4:51 pm #1066531Thanks a lot. You are the person I admire most. Can you tell me how to contact you directly?
The most effective responderFebruary 13, 2019 at 4:52 pm #1066532If possible. Ismael. Please help me check this one.
February 14, 2019 at 5:51 pm #1067086Hi jack000486,
Glad we could help :)
A moderator already replied to you in that other thread.
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.