Jump to content

Dan007007

Members
 View Profile  See their activity

  • Posts

    35

  • Joined

  • Last visited

 Content Type 

Posts posted by Dan007007

    Search Bar

    in ASP

    Posted

    1 hour ago, dsonesuk said:

    I provided link for correct doctype to use.

    I tried that, yes, thanks, I'm not clear on how to do all that, but the thing you said earlier, worked on one of my 3 sites, I thought all the css code was the same on all 3, can't be. But main lock one search is tons better. thanks

    Search Bar

    in ASP

    Posted

    1 hour ago, dsonesuk said:

    I just added the first part you mentioned, that has helped, this below:

     

    Place this just before /* Resize general elements to Media */ in general.css file 

    
header .search {
    width: 38%;
}

header .search input {
    width: calc(95% - 75px);
}

header .search button {width: 75px;}

     

    Search Bar

    in ASP

    Posted

    On 11/26/2019 at 9:42 AM, dsonesuk said:

    Place this just before /* Resize general elements to Media */ in general.css file 

    
header .search {
    width: 38%;
}

header .search input {
    width: calc(95% - 75px);
}

header .search button {width: 75px;}

    Place this after /* Resize general elements to Media */ 

    
@media only screen and (min-width:380px) and (max-width:768px) 
{
body header .search {width: 55%;}
    
    .side_nav + header {
        height:auto;
    }
  header .logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    clear:both;
    width:100%;
 
    }

header .logo a {
    float: none;
    margin:0 auto;
}

main {padding-top: 60px;}
}

     

    you mean this?

     

    owl.owlCarousel stopped working

    in ASP

    Posted

    Found this also:

    <script src="<%=absolutePath%>jscript/slider/owl.carousel.js" type="text/javascript"></script>
    <link href="<%=absolutePath%>jscript/slider/owl.carousel.css" rel="stylesheet" type="text/css" />
    <link href="<%=absolutePath%>jscript/slider/owl.theme.css" rel="stylesheet" type="text/css" />

    Search Bar

    in ASP

    Posted

    so many errors, I don't know where to start to be honest. Here are a few on the top line:

    Info Line 18, Column 1: start tag was here
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    Error Line 21, Column 15: "async" is not a member of a group specified for any attribute
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></…
    ✉
    Error Line 21, Column 77: required attribute "type" not specified
    … async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    ✉
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    Error Line 29, Column 8: required attribute "type" not specified
    <script>
    ✉
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    Error Line 42, Column 6: document type does not allow element "html" here
    <html>
    ✉
    The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

    One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

    owl.owlCarousel stopped working

    in ASP

    Posted

    I'm thinking of going over to nopcommerce, might be easier for me? Anyway I remember i did rename in H1 the wordings just above the scrolling pictures from something like latest products to different words, as it was H1 I thought best to put a few keywords? Might be that, but i can't rember what I did now!

    owl.owlCarousel stopped working

    in ASP

    Posted

    I found this on one site: I got this on one site:
    44
    A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.
    (index):1 A cookie associated with a resource at http://google.com/ was set with `SameSite=None` but without `Secure`. A future release of Chrome will only deliver cookies marked `SameSite=None` if they are also marked `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5633521622188032.
    favicon.png:1 GET https://www.shophere.co.uk/images/site/favicon.png 404 (Not Found).

    and this on my other site:

    A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.
    (index):1 A cookie associated with a resource at http://google.com/ was set with `SameSite=None` but without `Secure`. A future release of Chrome will only deliver cookies marked `SameSite=None` if they are also marked `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5633521622188032.
    (index):1 A cookie associated with a resource at http://doubleclick.net/ was set with `SameSite=None` but without `Secure`. A future release of Chrome will only deliver cookies marked `SameSite=None` if they are also marked `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5633521622188032.
    jquery-1.8.2.js:1442 GET https://www.lockmonster.co.uk/images/site/buttons/top_btn.png 404 (Not Found)
    favicon.png:1 GET https://www.lockmonster.co.uk/images/site/favicon.png 404 (Not Found)

     

    Search Bar

    in ASP

    Posted

    I'll try a few things, but I'm not great and the guy that made this custom site did it bad I know. I'm thinking about starting over one day, what would you say is any good, would wordpress and woocommerce be any good or is Microsoft any better was asp.net core 3.0, I'm open to suggestions and you guys know your stuff!

    Search Bar

    in ASP

    Posted

    it still jumps off the main blue part when i minimise or adjust desktop screen size, but not as bad, I must need one other little change i'm missing ?.

    /* Resize general elements to Media */
    @media only screen and (max-width:475px) 
    {
        .modal { width:98%; }
        header { height:121px; }
            header .logo { float:left; border-bottom:1px solid #D25A1E; height:60px; width:100%; margin:0; display:block; text-align:center; }
                header .logo a { width:100%; height:60px; display:block; background-position:center center; } 
                header nav.main_nav { width:32%; float:left; }
                    
                header .search { position:relative; width:40%; float:left; margin-left:2px; }
                header .search input { width:80%; font-size:12px; }
                header .search button { width:40%; font-size:11px; }
            
                header .trolley { }
        main { border-top:121px solid #F5F5F5; }
        #breadcrumb { display:none; }
        nav.side_nav { width:100%; }
        .container { width:98%; }
        footer .footer .footer_box_wide { display:none; }  
        footer .footer .footer_box { width:96%; margin:0 0 10px 2%; }
        main .top_search { top:121px; }
            main .top_search input { font-size:18px; width:65%; }
            main .top_search button { font-size:18px; }
        footer .footer div.footer_cards img { width:100%; }

    } 
                    
    @media only screen and (min-width:475px) and (max-width:650px) 
    {
        .modal { width:98%; }

        header .search input { font-size:22px; width:80%; }
        header .search button { font-size:22px; }

        #breadcrumb { display:none; }
        nav.side_nav { width:100%; }
        .container { width:98%; }
        footer .footer .footer_box_wide { display:none; }  
        footer .footer .footer_box { width:98%; margin:0 0 10px 1% }
        main .top_search input { font-size:22px; width:80%; }
        main .top_search button { font-size:22px; }
        footer .footer div.footer_cards img { width:100%; }

    } 

    @media only screen and (min-width:650px) and (max-width:1024px) 
    {
        header .search input { font-size:26px; width:80%; }
        header .search button { font-size:26px; }

        #breadcrumb { display:none; }

    Search Bar

    in ASP

    Posted

    I found the general css file, changed it as dsonesuk said, I'm getting there, still not quite there though and now on my mobile it has a mysterious red line under my shophere.co.uk logo (I'm practising on shophere as not my busy website) 

    shophere changes on search bar.jpg

    Search Bar

    in ASP

    Posted

    I'm practising on my other website now as it is not very busy, jusy in case customers keep seeing screen move!. 

    Same coding, so I did below this time, even changed both of these top and bottom.@media only screen and (min-width:380px) and (max-width:768px)

     

    @media only screen and (min-width:380px) and (max-width:768px)
    {
        .modal { width:98%; }

        header .search input { font-size:22px; width:80%; }
        header .search button { font-size:22px; }

        #breadcrumb { display:none; }
        nav.side_nav { width:100%; }
        .container { width:98%; }
        footer .footer .footer_box_wide { display:none; }  
        footer .footer .footer_box { width:98%; margin:0 0 10px 1% }
        main .top_search input { font-size:22px; width:80%; }
        main .top_search button { font-size:22px; }
        footer .footer div.footer_cards img { width:100%; }

    } 

    @media only screen and (min-width:650px) and (max-width:1024px) 
    {
        header .search input { font-size:26px; width:80%; }
        header .search button { font-size:26px; }

        #breadcrumb { display:none; }
        .container { width:98%; }
        footer .footer .footer_box_wide { display:none; }  
        footer .footer .footer_box { width:48%; }
            main .top_search input { font-size:26px; width:80%; }
            main .top_search button { font-size:26px; }
        footer .footer div.footer_cards img { width:90%; }
    } 

    @media only screen and (min-width:380px) and (max-width:768px)

×
×
  • Create New...