Forum Replies Created

Viewing 30 posts - 91 through 120 (of 484 total)
  • Author
    Posts
  • in reply to: Main Menu Drop Down Opacity #978662

    I changed the second one from #bbbbbb to #fa0000 and there is no change on the drop-down menus on hover.

    Is there some conflicting quick CSS?

    Perhaps this? This was to fix when I am hovering on non-transparent headers.

    .header_color .main_menu ul:first-child > li a:hover, #top #wrap_all .av-main-nav ul > li:hover > a .avia-menu-text{
      color: #D3D3D3!important;
    } /* fix menu hover color on non-transparent headers*/

    Thank you,

    Jas

    in reply to: Header Phone Number or small info text #978589

    On mobile devices, only the phone number appears, all other text is invisible. I added this a long time ago but it’s not working now.

    @media only screen and (max-width: 768px) {
    #top .av_header_transparency .phone-info, #top .av_header_transparency .phone-info span {
        color: #555555 !important;
    }} /*for appointment call info*/
    
    @media only screen and (max-width: 480px) {
    .phone-info a {
        color: #555555 !important;
    }} /*phone number info darken phone*/

    Thoughts?

    Thanks,

    Jas

    • This reply was modified 6 years, 6 months ago by Jasmer. Reason: update
    in reply to: Main Menu Drop Down Opacity #978588

    That’s nice, looks great. Thank you! I tweaked it a little.

    But for some reason, I have two of those here? I can’t remember why I put them here.

    Does the top entry override and the bottom one become redundant?

    Or are they combining effects and can I just combine them into one entry?

    https://www.dropbox.com/s/lnhusywcts5khqk/Screen%20Shot%202018-06-27%20at%204.17.21%20PM.png?dl=0

    • This reply was modified 6 years, 6 months ago by Jasmer. Reason: update
    in reply to: Main Menu Drop Down Opacity #978558

    Hi Thanks,

    I can see I am going to have to change some elements:

    The background color is perfect now as you can see

    1. I need to hide the hover background white color
    2. I need to change the link text color to white
    3. I need to change the link text hover color to perhaps off white just a bit to notice change.

    in reply to: How to create six 1/7 columns? #977692

    Thanks Jordan,

    It looked terrible. Abort Mission. Thanks for the help!

    Thank you,

    Jas

    in reply to: How to create six 1/7 columns? #977678

    It looked terrible. Abort Mission. Thanks for the help!

    Thank you,

    Jas

    in reply to: Instagram did not return a 200. #947099

    THANK YOU YIGIT! Solved. Close Topic..

    Jas

    in reply to: Nowrap Special Heading Heading Text On Mobile #906693

    Solved! Thanks Nikko! Much Appreciated! Jas

    in reply to: Nowrap Special Heading Heading Text On Mobile #906363

    Sure can you post the CSS? Then I’ll try it. That is what I am asking for.

    Thanks,

    Jas

    in reply to: Mobile Site Partner/Logo Element #891727

    Thank you worked perfectly.

    Best,

    Jas

    in reply to: Mobile Site Partner/Logo Element #891678

    Please look at the fully annotated screenshot in my previous message. Or just look at the site.

    The space is uneven.

    The space between the 1st and 2nd icon is larger than the space between the 2nd and 3rd icon.

    As stated, I want to fix that problem.

    in reply to: Strange Mobile & Desktop Spontaneous Theme Changes #880494

    Hi Yigit!

    I can’t tell if the hamburger menu works or not because there is no way to click on the menu as the social icons are layered on top of it. (See screenshot below.)

    Also we are dealing wit two websites that have the same problem.

    These were elements you helped me with some time ago.

    I need to address the issue of repositioning the icons. What are my options? Will you please read my last 2 messages and respond? I’m very specific in my previous comment.

    Thank you so much,

    Jas

    in reply to: Strange Mobile & Desktop Spontaneous Theme Changes #878713

    1. Regarding SHS (see below). I deleted this CSS and it caused odd problems. I’ll list them below.

    #advanced_menu_toggle, #advanced_menu_hide {
    color: #666666!important;
    }
    
    @media only screen and (max-width: 767px) {
    #photo-center .av-parallax.avia-full-stretch.active-parallax {
    background-position: 35%!important;
    }}
    
    @media only screen and (max-width: 767px) {
    .responsive .main_menu .avia-menu, .responsive #header_main .social_bookmarks, .responsive #header_main_alternate {
        display: block !important;
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-width: 380px) {
    #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
        margin-left: -7px;
    } /*icons closer*/
    }
    
    @media only screen and (max-width: 768px) {
    #top .av_header_transparency .phone-info, #top .av_header_transparency .phone-info span {
        color: #555555 !important;
    }} /*for appointment call info*/
    
    @media only screen and (max-width: 480px) {
    .phone-info a {
        color: #555555 !important;
    }} /*phone number info darken phone*/

    2. These are the odd problems

    a) The menu items on the desktop disappeared. Gone. Weird which seems to be tied to this specific CSS below. When I delete that the menu items on the desktop site disappear.

    @media only screen and (max-width: 767px) {
    .responsive .main_menu .avia-menu, .responsive #header_main .social_bookmarks, .responsive #header_main_alternate {
        display: block !important;
    }

    b) Additionally, the hamburger menu does not appear on the mobile site, whether the CSS above is in place or not.

    3. Also the desktop menu links are a strange color/layer effect and are difficult to see, they were not this color when you guys helped me with the original CSS. So whatever is happening is affecting both the desktop site and the mobile site.

    This is a confusing issue. Feel free to look around…

    Thank you,

    Jas

    in reply to: Strange Mobile & Desktop Spontaneous Theme Changes #878710

    Hello Rikard,

    1. Regarding LM (see below). I deleted this CSS and the problem disappeared.

    .responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks {
    	display: block !important;
    	top: 43px !important;
    } /*icons postion*/
    
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
        padding-top: 25px;
    }
    
    .responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks {
        display: block !important;
        top: -5px!important;
        right: 40px;
    }
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-width: 380px) {
    #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
        margin-left: -5px;
    } /*icons closer*/
    }

    2. However, I really would like social icons in the header of the mobile site. Do you have any suggestions as to the best way to do this? They seem to crowd the elements. Is it possible to put a row of icons in an element above the site logo and the hamburger menu going across the top so ti doesn’t crowd those?

    3. I have another problem, the menu items with in the hamburger menu need to be white AND the hamburger menu itself needs to be white. I thought I took care of that with this CSS. I’d prefer to do this within the theme settings if possible, but I can add CSS if you feel that is a better option.

    #advanced_menu_toggle, #advanced_menu_hide {
    	color: #ffffff !important;
    }

    Thank you,

    Jas

    in reply to: Enfold 4.1.2 Masonry Blog Bug #838937

    Hi,

    Why would PAGE links show up in this element instead of BLOG POSTS?

    Whenntjere are no blog posts in this element, then Main Menu items appear in the Masonry element.

    I can’t imagine why anyone would ever want page links to appear in Blog post elements such as the Masonry element. Very odd. This is expected behavior?

    If so, why was this behavior changed from its original design?

    Thank you,

    Jas

    in reply to: Mobile Site Images Full Frame #809732

    This post has gotten too confusing and no one is answering it so close topic. Thanks

    in reply to: Page Anchor Not Working #809731

    Thanks! Close topic.

    in reply to: Partner Logo Element Slider #809730

    Solved! Thanks Ismael. Close Topic.

    in reply to: Partner Logo Element Slider #808501

    Hi Victoria,

    Thanks. It’s close. It works in portrait, but when I position the iPhone in landscape it is still 2 rows.

    We need to adjust I’m assuming. Is there a Nowrap type CSS I can add?

    Thank you,

    Jasmer

    in reply to: Mobile Site Images Full Frame #808496
    in reply to: Mobile Site Images Full Frame #808495

    Victoria,

    I need to center the images at the very least. But here is the deal, I have done this before on a couple of posts. I just can’t seem to get this one. There is a way to do it. Would you draw Kriesi, Yigit, Ismael or Josue’s attention to see if they might have some ideas please? I would REALLY appreciate it.

    I have got to get this site up asap. I would appreciate if you could consult with your colleagues on this. Thank you.

    https://kriesi.at/support/topic/center-slider-image-on-mobile-site/

    in reply to: Email Form Problem #807853
    in reply to: Page Anchor Not Working #807782

    Ismael! Good to see you back!

    That was the issue? The www? OMG. 5 days later you solved the mystery. It is very confusing when the link goes to the correct position, but with a reload instead of a scroll to anchor. That tripped me up.

    Thanks for coming by. You can close the topic

    Jas

    in reply to: Page Anchor Not Working #807671

    Urgent

    Hi Jordan and thank you for your help, but this is still a problem.

    Josue showed me how to do this over a year ago here with a Code Block (the only change I made was to switch from “contact” to “connect”
    https://kriesi.at/support/topic/anchor-without-color-section/#post-452955

    Let’s stay with the Code Block method. It works as well as your Color Section method.

    The problem is, even with your Color Section solution and the Code Block solution, both do not scroll to anchor. Selecting the Main Menu link “Connect” reloads the page, then goes to anchor position. No scrolling.

    1. I tried your Color Section by doing this:
    I have cleared the cache on the web host and the browsers and attempted to scroll to anchor on the latest versions of Safari, Safari Technology Preview, Chrome, Chrome Canary, Firefox and Firefox Developer Edition. It does not scroll.

    2. The same thing happens with Josue’s Code Block solution. Why is it not scrolling on ALL of those browsers?

    I’m sure it is a simple solution.

    Thank you for your help,

    Jas

    in reply to: Page Anchor Not Working #807670

    Guenni007,

    I sent you an email. Check your junk mail if you don’t see it.

    Thanks,

    Jas

    in reply to: Partner Logo Element Slider #807192

    Victoria,

    I responded above that I would like to try it. I still need this:

    “On mobile the slider is 2 rows stacked. Is there CSS we can add to make it one row with 4 icons across he bottom? This way it will look exactly like the desktop site. Nowrap?”

    I want to try it and see what one icon row looks like.

    Thank you,

    Jas

    in reply to: Mobile Site Images Full Frame #807191

    Victoria,

    I just added the CSS back so you can see. I commented it out because it didn’t work. The large white space is on the home page now just below the top image.

    @media only screen and (max-width: 767px) {
    #home-slider-image .av-parallax-inner.main_color.avia-full-stretch {
        position: relative;
        top: -200px;
        background-size: contain !important;
    }} /*home slider image + uncrop width*/
    
    @media only screen and (max-width: 480px) {
    #home-slider-image {
        background-position: 50% 0%!important;
        background-attachment: scroll!important;
    }}

    The other images I need CSS to apply to are below.

    Thanks,

    Jas

    in reply to: Page Anchor Not Working #807189

    Guenni007. What do you mean make an image? Post a screenshot? I can’t do that publicly, but I can kontakt :) you on the email on your website if you like. Should I contact you there?

    Thanks,

    Jas

    in reply to: Page Anchor Not Working #807188

    goldengate415 It is published. Thanks though!

    in reply to: Email Form Problem #807187

    Hi Victoria,

    Strange. The success messages were there so I deleted the elements and added them back and it works! Hmm.

    Two small problems:

    1. I’d like to remove the striped button animation during submit action on both form buttons. CSS?

    2. During submission, the Connect form fields and the Subscribe form fields outlines turn green. See screenshot. I have no idea why that is happening. There is nothing in General Styling or Advanced Styling that has the color green.

    Thank you,

    Jas

    • This reply was modified 7 years, 6 months ago by Jasmer.
Viewing 30 posts - 91 through 120 (of 484 total)