Jump to content

Dan007007

Members
  • Content Count

    22
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Dan007007

  • Rank
    Newbie

Contact Methods

  • Website URL
    https://www.lockmonster.co.uk/

Profile Information

  • Gender
    Male
  • Location
    Dorset
  1. I don't know how to check for errors, I'm new and don't have a web developer now, so having to do things on my own.
  2. I'm not sure where to look to be honest, I have these folders and a few more when I ftp it.
  3. Dan007007

    Search Bar

    And thank you so much for that link, https://validator.w3.org/, I'll clean up some of it with my limited efforts for now.
  4. Dan007007

    Search Bar

    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!
  5. Dan007007

    Search Bar

    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; }
  6. Dan007007

    Search Bar

    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)
  7. Dan007007

    Search Bar

    Any more ideas of what I can try, I even hope I,m looking in correct folders, I have homepage folders in .asp and css folders
  8. Dan007007

    Search Bar

    It must be me, no idea what i'm doing wrong, grrrrrr. I need you here lol
  9. Dan007007

    Search Bar

    even before it jumps out of the top bit the box around search shrinks a bit
  10. Dan007007

    Search Bar

    these are the folders i have
  11. Dan007007

    Search Bar

    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)
  12. Dan007007

    Search Bar

    I even done ctrl and F5, shall i try in an incognito window?
  13. Dan007007

    Search Bar

    done it to general, still the same problem
  14. Dan007007

    Search Bar

    sorry, ignore, I just found the general css file, one min
  15. Dan007007

    Search Bar

    I did it in the homepage css file, think thats where it is, still no good when page made smaller.
×
×
  • Create New...